<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/bootstrap/bootstrap.min.css}" />
<link rel="stylesheet"
	href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<link rel="stylesheet" type="text/css"
	href="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/dijit/themes/tundra/tundra.css" />
<link rel="stylesheet" type="text/css"
	href="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/esri/css/esri.css" />

<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script
	src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script th:src="@{/plugins/jQuery/navbar/jquery-mobile-navbar.js}"></script>
<script th:src="@{/plugins/bootstrap/bootstrap.min.js}"></script>
<script th:src="@{/plugins/jQuery/moment/moment.min.js}"></script>
<script th:src="@{/js/ajaxfileupload/ajaxfileupload.js}"></script>
<script type="text/javascript"
	src="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/init.js"></script>
<script type="text/javascript"
	src="http://api.map.baidu.com/api?v=2.0&amp;ak=ESUICaohNGpKKOAx3d2SOzDxuZ2WUMlX&amp;services=&amp;t=20180323171755"></script>
<script th:src="@{/mobile/archive/index.js}"></script>
<script th:src="@{/mobile/archive/map.js}"></script>

<style type="text/css">
th {
	border-bottom: 1px solid #d6d6d6;
}

.user {
	border-bottom: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
}

a {
	text-decoration: none !important;
}

.div1 {
	border: 1px solid #B8B8B8;
	border-radius: 4px;
	width: 90%;
	margin: auto;
	height: auto;
}

.div-time {
	font-family: PingFangSC-Regular;
	background: #e9e9e9;
	font-size: 18px;
	color: #333333;
	letter-spacing: 0;
	text-align: justify;
	line-height: 50px;
}

.div-type {
	font-family: PingFangSC-Regular;
	font-size: 18px;
	color: #666666;
	letter-spacing: 0;
	text-align: justify;
	margin-left: 20px;
}

.div-inline {
	display: inline;
	font-family: PingFangSC-Regular;
	text-align: justify;
	color: #999999;
	width: 50%;
	font-size: 16px;
	line-height: 50px;
	float: left;
}
</style>

</head>

<body>

	<div data-role="page" id="pageone">
		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<a id="goHome" href="/wcsi/ui/mobileMain?device=mobile"
				data-ajax='false'
				class="ui-btn ui-corner-all ui-shadow ui-icon-home ui-btn-icon-left">主页</a>
		</div>
		<div data-role="header">
			<h1>内部事件信息</h1>
			<input type="hidden" id="unArchievedEventReg_eventId" /> <input
				type="hidden" id="archievedEventReg_eventId" /> <input
				type="hidden" id="waitRegister_eventId" />
			<div data-role="navbar">
				<ul>
					<li><a href="#pageone" class="ui-btn-active ui-state-persist"
						data-icon="calendar">处理中</a></li>
					<li><a href="#pagetwo" data-icon="check">已完结</a></li>
					<li><a href="#page3" data-icon="mail">待接收</a></li>
				</ul>
			</div>
		</div>

		<div data-role="main" class="ui-content">
			<ul data-role="listview" id="unArchievedEventReg"></ul>
		</div>

	</div>

	<div data-role="page" id="pagetwo">
		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<a id="goHome2" href="/wcsi/ui/mobileMain?device=mobile"
				data-ajax='false'
				class="ui-btn ui-corner-all ui-shadow ui-icon-home ui-btn-icon-left">主页</a>
		</div>
		<div data-role="header">
			<h1>内部事件信息</h1>
			<div data-role="navbar">
				<ul>
					<li><a href="#pageone" data-icon="calendar">处理中</a></li>
					<li><a href="#pagetwo" class="ui-btn-active ui-state-persist"
						data-icon="check">已完结</a></li>
					<li><a href="#page3" data-icon="mail">待接收</a></li>
				</ul>
			</div>
		</div>

		<div data-role="main" class="ui-content">

			<ul data-role="listview" id="archievedEventReg"></ul>
		</div>


	</div>

	<div data-role="page" id="page3">
		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<a id="goHome3" href="/wcsi/ui/mobileMain?device=mobile"
				data-ajax='false'
				class="ui-btn ui-corner-all ui-shadow ui-icon-home ui-btn-icon-left">主页</a>
		</div>
		<div data-role="header">
			<h1>内部事件信息</h1>
			<div data-role="navbar">
				<ul>
					<li><a href="#pageone" class="ui-btn-active"
						data-icon="calendar">处理中</a></li>
					<li><a href="#pagetwo" data-icon="check">已完结</a></li>
					<li><a href="#page3" class="ui-btn-active ui-state-persist"
						data-icon="mail">待接收</a></li>
				</ul>
			</div>
		</div>

		<div data-role="main" class="ui-content">
			<ul data-role="listview" id="waitRegister"></ul>
		</div>

	</div>
	<div data-role="popup" id="popupView" data-position-to="window"
		class="ui-content" data-theme="a" data-overlay-theme="a"
		data-dismissible="false">
		<div data-role="content">
			<img th:src="@{/img/loading.gif}" />
		</div>
	</div>
	<!-- 处理中的面板 -->
	<div data-role="page" id="unArchievedEventReg_mb"
		tyle='background-color: #F5F5F5; background-size: cover'>
		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<h1>归档</h1>
			<a href="#pageone" data-transition="slide" data-direction="reverse"
				class="ui-btn ui-btn-a ui-icon-back ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-left">返回面板</a>
		</div>
		<div data-role="content">

			<table data-role="table" data-mode="columntoggle:none"
				data-column-btn-theme="e" data-column-popup-theme="c">
				<tbody>
					<tr>
						<td><label><b>事件类型:</b></label></td>
						<td colspan="2"><div
								id="unArchievedEventReg_registerEventType"></div></td>
					</tr>

					<tr>
						<td><b>发生时间</b></td>
						<td colspan="2"><div
								id="unArchievedEventReg_registerEventAccTime"></div></td>
					</tr>

					<tr>
						<td><label><b>详细内容:</b></label></td>
						<td colspan="2"><div
								id="unArchievedEventReg_registerEventContent"></div></td>

					</tr>
					<tr>
						<td><label><b>事件地点:</b></label></td>
						<td colspan="2"><div id="unArchievedEventReg_where"></div></td>

					</tr>
					<tr>
						<td colspan="3">
							<div style="height: 200px;" id="unArchievedEventReg_allmap"
								align="center"></div>
						</td>

					</tr>
					<tr>
						<td><label><b>特别备注:</b></label></td>
						<td><div id="unArchievedEventReg_registerEventMemo"></div></td>
					</tr>
					<!-- <tr>
						<td><label>登记名称:</label></td>
						<td><div id="unArchievedEventReg_registerEventName"></div></td>

					</tr>
					<tr>
						<td><label>详细内容:</label></td>
						<td><div id="unArchievedEventReg_registerEventContent"></div></td>

					</tr>
					<tr>
						<td><label>详细备注:</label></td>
						<td><div id="unArchievedEventReg_registerEventMemo"></div></td>
					</tr>
					<tr>
						<td><label>登记编码:</label></td>
						<td><div id="unArchievedEventReg_registerEventIdentify"></div></td>
					</tr>
					<tr>
						<td><label>事件类型:</label></td>
						<td><div id="unArchievedEventReg_registerEventType"></div></td>
					</tr>


					<tr>
						<td><label>登记事件评价级别:</label></td>
						<td><div id="unArchievedEventReg_registerEventEvaluateLevel"></div></td>
					</tr>
					<tr>
						<td><label>登记事件严重等级:</label></td>
						<td><div id="unArchievedEventReg_registerEventSeriousLevel"></div></td>
					</tr>
					<tr>
						<td><label>登记时间</label></td>
						<td><div id="unArchievedEventReg_registerEventAccTime"></div></td>
					</tr>
					<tr>
						<td><label>登记人</label></td>
						<td><div id="unArchievedEventReg_registerEventCreateUser"></div></td>
					</tr>

					<tr>
						<td><label>经度</label></td>
						<td><div id="unArchievedEventReg_longitude"></div></td>
					</tr>

					<tr>
						<td><label>纬度</label></td>
						<td><div id="unArchievedEventReg_latitude"></div></td>
					</tr>

					<tr>
						<td><label>所属网格</label></td>
						<td><div id="unArchievedEventReg_registerEventToNetGrid"></div></td>
					</tr>
 -->

					<tr>

						<td colspan="3"><textarea placeholder="请输入归档内容" id="content"
								name="content"></textarea></td>
					</tr>
					<tr>

						<td colspan="3"><textarea placeholder="请输入归档备注" id="memo"
								name="memo"></textarea></td>
					</tr>

					<tr>

						<td colspan="2"><a href="javascript: ;" id="fileclick"> <img
								src="/wcsi/img/takephoto.png" id="avatart" style="width: 30%;" />
						</a> <input type="file" id="file_upload" name="file"
							style="display: none; opacity: 0;" /></td>
					</tr>

					<tr>
						<td width="35%"><b>定位信息&nbsp;</b><input id="lng"
							type="hidden" /> <input id="lat" type="hidden" /><input
							id="lng" type="hidden" /> <input id="archiveAddr" type="hidden" /></td>
						<td id="locationDes"
							style="color: #999999; border-bottom: none !important;"></td>
					</tr>
					<tr>
						<td colspan="2"><ul data-role="listview" data-inset="true">
								<li data-role="list-divider" style="color: #999999;">个人身份信息</li>
							</ul></td>
					</tr>
					<tr class="user">
						<td><b>姓名</b></td>
						<td>
							<div th:text="${user.name}"></div>
						</td>
					</tr>
					<tr class="user">
						<td><b>手机号</b></td>
						<td><div th:text="${user.contactType}"></div></td>
					</tr>
				</tbody>
			</table>
			<button id="archiveBtn"
				style="background-color: #F44C31; color: white;">提交</button>
		</div>
		<div data-role="popup" id="pop">
			<a href="#" id="backloadingimg" data-rel="back"
				class="ui-btn ui-btn-a ui-icon-delete ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-right">关闭</a>
			<!-- data-rel="back" -->
			<img src="" id="avatarbig" style="width: 100%" />
		</div>
	</div>



	<!-- 已完结面板 -->

	<div data-role="page" id="archievedEventReg_mb"
		tyle='background-color: #F5F5F5; background-size: cover'>
		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<h1>已完结详情</h1>
			<a href="#pageone" data-transition="slide" data-direction="reverse"
				class="ui-btn ui-btn-a ui-icon-back ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-left">返回面板</a>
		</div>
		<div data-role="content">


			<table data-role="table" data-mode="columntoggle:none"
				data-column-btn-theme="e" data-column-popup-theme="c">
				<tbody>
					<tr>
						<td><label><b>事件类型</b></label></td>
						<td colspan="2"><div id="archievedEventReg_registerEventType"></div></td>
					</tr>
					<tr>
						<td><label><b>发生时间</b></label></td>
						<td colspan="2"><div
								id="archievedEventReg_registerEventAccTime"></div></td>
					</tr>
					<tr>
						<td><label><b>详细内容</b></label></td>
						<td colspan="2"><div
								id="archievedEventReg_registerEventContent"></div></td>

					</tr>

					<tr>
						<td><label><b>事件地点:</b></label></td>
						<td colspan="2"><div id="archievedEventReg_where"></div></td>

					</tr>
					<tr>
						<td colspan="3">
							<div style="height: 200px;" id="archievedEventReg_allmap"
								align="center"></div>
						</td>

					</tr>
					<tr>
						<td><label><b>特别备注:</b></label></td>
						<td colspan="2"><div id="archievedEventReg_registerEventMemo"></div></td>
					</tr>

					<!-- <tr>
						<td><label>登记名称</label></td>
						<td><div id="archievedEventReg_registerEventName"></div></td>

					</tr>
					<tr>
						<td><label>详细内容</label></td>
						<td><div id="archievedEventReg_registerEventContent"></div></td>

					</tr>
					<tr>
						<td><label>详细备注</label></td>
						<td><div
								id="archievedEventReg_archievedEventReg_registerEventMemo"></div></td>
					</tr>
					<tr>
						<td><label>登记编码</label></td>
						<td><div id="archievedEventReg_registerEventIdentify"></div></td>
					</tr>
					<tr>
						<td><label>事件类型</label></td>
						<td><div id="archievedEventReg_registerEventType"></div></td>
					</tr>


					<tr>
						<td><label>登记事件评价级别</label></td>
						<td><div id="archievedEventReg_registerEventEvaluateLevel"></div></td>
					</tr>
					<tr>
						<td><label>登记事件严重等级</label></td>
						<td><div id="archievedEventReg_registerEventSeriousLevel"></div></td>
					</tr>
					<tr>
						<td><label>登记时间</label></td>
						<td><div id="archievedEventReg_registerEventAccTime"></div></td>
					</tr>
					<tr>
						<td><label>登记人</label></td>
						<td><div id="archievedEventReg_registerEventCreateUser"></div></td>
					</tr>

					<tr>
						<td><label>经度</label></td>
						<td><div id="archievedEventReg_longitude"></div></td>
					</tr>

					<tr>
						<td><label>纬度</label></td>
						<td><div id="archievedEventReg_latitude"></div></td>
					</tr>

					<tr>
						<td><label>所属网格</label></td>
						<td><div id="archievedEventReg_registerEventToNetGrid"></div></td>
					</tr>
					-->
					<tr>
						<td><label><b>完结内容</b></label></td>
						<td><div id="archievedEventReg_archiveCon"></div></td>
					</tr>
					<tr>
						<td><label><b>完结备注</b></label></td>
						<td><div id="archievedEventReg_archiveMemo"></div></td>
					</tr>
				</tbody>
			</table>

		</div>
		<div data-role="popup" id="pop">
			<a href="#" id="backloadingimg" data-rel="back"
				class="ui-btn ui-btn-a ui-icon-delete ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-right">关闭</a>
			<!-- data-rel="back" -->
			<img src="" id="avatarbig" style="width: 100%" />
		</div>
	</div>



	<!-- 待接收面板 -->

	<div data-role="page" id="waitRegister_mb"
		tyle='background-color: #F5F5F5; background-size: cover'>
		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<h1>任务详情</h1>
			<a href="#pageone" data-transition="slide" data-direction="reverse"
				class="ui-btn ui-btn-a ui-icon-back ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-left">返回面板</a>
		</div>
		<div data-role="content">



			<table data-role="table" data-mode="columntoggle:none">
				<tbody>
					<tr>
						<td><label><b>事件类型:</b></label></td>
						<td colspan="2"><div id="waitRegister_registerEventType"></div></td>

					</tr>
					<tr>
						<td><label><b>发生时间:</b></label></td>
						<td colspan="2"><div id="waitRegister_registerEventAccTime"></div></td>
					</tr>
					<tr>
						<td><label><b>详细内容:</b></label></td>
						<td colspan="2"><div id="waitRegister_registerEventContent"></div></td>

					</tr>
					<tr>
						<td><label><b>事件地点:</b></label></td>
						<td colspan="2"><div id="waitRegister_where"></div></td>

					</tr>
					<tr>
						<td colspan="3">
							<div style="height: 200px;" id="waitRegister_allmap"
								align="center"></div>
						</td>

					</tr>
					<tr>
						<td><label><b>特别备注:</b></label></td>
						<td colspan="2"><div id="waitRegister_registerEventMemo"></div></td>
					</tr>

					<!--
					<tr>
						<td><label>登记名称</label></td>
						<td><div id="waitRegister_registerEventName"></div></td>

					</tr>
					<tr>
						<td><label>详细内容</label></td>
						<td><div id="waitRegister_registerEventContent"></div></td>

					</tr>
					<tr>
						<td><label>详细备注</label></td>
						<td><div id="waitRegister_waitRegister_registerEventMemo"></div></td>
					</tr>
					<tr>
						<td><label>登记编码</label></td>
						<td><div id="waitRegister_registerEventIdentify"></div></td>
					</tr>
					<tr>
						<td><label>事件类型</label></td>
						<td><div id="waitRegister_registerEventType"></div></td>
					</tr>


					<tr>
						<td><label>登记事件评价级别</label></td>
						<td><div id="waitRegister_registerEventEvaluateLevel"></div></td>
					</tr>
					<tr>
						<td><label>登记事件严重等级</label></td>
						<td><div id="waitRegister_registerEventSeriousLevel"></div></td>
					</tr>
					<tr>
						<td><label>登记时间</label></td>
						<td><div id="waitRegister_registerEventAccTime"></div></td>
					</tr>
					<tr>
						<td><label>登记人</label></td>
						<td><div id="waitRegister_registerEventCreateUser"></div></td>
					</tr>

					<tr>
						<td><label>经度</label></td>
						<td><div id="waitRegister_longitude"></div></td>
					</tr>

					<tr>
						<td><label>纬度</label></td>
						<td><div id="waitRegister_latitude"></div></td>
					</tr>

					<tr>
						<td><label>所属网格</label></td>
						<td><div id="waitRegister_registerEventToNetGrid"></div></td>
					</tr>
 						-->
					<tr>
						<td><button
								style="background-color: gray; width: 100px; color: white;"
								id="tuihuiBtn">退回</button></td>
						<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
						<td><button
								style="background-color: #F44C31; width: 100px; color: white;"
								id="jieshouBtn">接收</button></td>
					</tr>

				</tbody>
			</table>


		</div>
		<div data-role="popup" id="pop">
			<a href="#" id="backloadingimg" data-rel="back"
				class="ui-btn ui-btn-a ui-icon-delete ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-right">关闭</a>
			<!-- data-rel="back" -->
			<img src="" id="avatarbig" style="width: 100%" />
		</div>
	</div>

	<script th:inline="javascript">
		window.rootPath= /*[[${#httpServletRequest.getContextPath()}]]*/
	</script>
</body>
</html>